<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>left-nav</title>

<link href="css/mystyle.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="../js/jquery.min.js"></script>

	<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>

</head>
<body>

<div id="header11"></div>
<!-- -&#45;&#45;-->
<div class="chart-area" >
    <div class="container">
        <div class="row">
            <div class="col-md-12" >
                <div id="sellerOrder" class="chart-item table-responsive fix" id="umsg">
                    <div class="lvc-wrap col-md-3" id="lvc-nav">
                        <ul class="lvc-nav">
                            <li class="nav-pic2" title="个人信息" onclick="msg()" ><a>个人信息</a></li>
                            <li class="nav-pic3" title="我的钱包" onclick="money()"><a>我的钱包</a></li>
                            <li class="nav-pic7 next-layer" title="报表统计">
                                <a>消费记录</a>
                                <ol>
                                    <li>购买记录</li>
                                    <li>销售记录</li>
                                </ol>
                            </li>
                        </ul>
                        <button type="button" class="btn-nav"></button>
                    </div>

                    <div id="msg"  style="display:none"  class="col-md-8">
                        <form>
                            <div >
                                <a id="uname" name="username" :value="username">用户名：{{uname}}</a>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>



<!--&#45;&#45;&#45;&#45;&#45;&#45;正文&#45;&#45;&#45;&#45;&#45;&#45;-->

<div id="footer11"></div>
<div id="box"></div>

<div id="item_box">
		{{resp.message}}
		<input type="text" v-model="resp.message"/>
	</div>


<script type="text/javascript">

    function money(){
        location.href="http://localhost:8131/myWallet.html"
    };

    function msg(){
        location.href="http://localhost:8131/myMessage.html"
        location.href="http://localhost:8131/myMessage.html"
    }

    $(function() {
        $('#header11').load("auction-head.html");
        $('#footer11').load('auction-footer.html');
        // $('#chat-inner').load('chat-inner.html');
    })

$(document).ready(function(){
    //展开收起
    $(".btn-nav").click(function () {
      $(".lvc-wrap").toggleClass("lvc-close")
      $("ol").toggleClass("small-ol")
      $(".next-layer ol").hide()

      if($("#lvc-nav").hasClass('lvc-close')){
        $(".next-layer ").removeClass("arrow")
      }
    })

    //选中状态
    $(".lvc-nav li").click(function () {
      $(this).siblings().find('ol').hide()
      $(this).addClass("active").siblings().removeClass("active")
    })

    //选中子集清除父级active
    $("ol>li").click(function (e) {
      console.log('ol>li clicked')
      e.stopPropagation()
     $(this).parent().parent().removeClass("active")
    })

    //二级导航展开收起
    $(".next-layer").click(function () {
      $(this).children("ol").toggle();
      $(this).toggleClass("arrow").siblings().removeClass("arrow")
    })


     $("ol li").click(function () {
       if($("ol").hasClass('small-ol')) {
         $(".small-ol").hide();
         $(this).parent().parent().addClass("active")
       }
     })
})


</script>
</body>
</html>